/*!-----------------[初始化]--------------*/
*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ol,
ul {
    list-style: none;
}

q:before,
q:after {
    content: '';
}

fieldset,
img {
    border: 0;
}

abbr,
acronym {
    border: 0;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.l,
.col-l,
.col_l,
.col-c,
.col_c {
    float: left;
}

.r,
.col-r,
.col_r {
    float: right;
}

.c {
    clear: both;
}

.fix {
    zoom: 1;
}

.fix:after,
.fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

em {
    font-weight: normal;
    font-style: normal;
}

body {
    color: #333;
    /* font-size: .28rem; */
    line-height: 1.5;
    font-family: "PingFang SC", 'Microsoft Yahei', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    background-color: #f7f7f7;
}

img {
    max-width: 100%;
    border: none;
}

input,
textarea,
select {
    font-size: 14px;
    color: #333;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

input[type='submit'],
input[type='reset'],
input[type='button'] {
    cursor: pointer;
}

::-webkit-input-placeholder {
    color: rgba(212,249,255, .6);
}

::-moz-placeholder {
    color: rgba(212,249,255, .6);
}

::-ms-input-placeholder {
    color: rgba(212, 249, 255, .6);
}

select::-ms-expand {
    display: none;
}

a {
    color: #333;
    text-decoration: none;
}

/*!-----------------[初始化结束]--------------*/
@font-face {
    font-family: CN-Heavy;
    src: url(../fonts/SourceHanSansCN-Heavy.otf);
}

@font-face {
    font-family: CN-Bold;
    src: url(../fonts/SourceHanSansCN-Bold.otf);
}

@font-face {
    font-family: CN-Regular;
    src: url(../fonts/SourceHanSansCN-Regular.otf);
}

ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

/*布局*/
.wp {
    width: 95%;
    margin: 0 auto;
    max-width: 14rem;
}
@media screen and (min-width: 1920px) {
    input,
    textarea,
    select{
        font-size: 0.73vw;
    }
}

